<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>这是第三个HTML示例</title>
	</head>
	<body>
		<h1 align="center">HTML内容区域的标签</h1>

		<hr>
		<h2>字体标签</h2>
		<p>font标签</p>
		<p>属性：color、face、size</p>
		<p>示例：<font color="red">这是示例文字</font><font face="kaiti">这是示例文字</font><font size="6">这是示例文字</font></p>

		<hr>
		<h2>a标签</h2>
		<p>a标签</p>
		<p>属性：href、target</p>
		<p>示例：<a href="http://www.baidu.com" target="_blank">百度</a><a href="http://www.baidu.com" rel="百度">百度</a><a href="#">返回顶部</a><a href="#mao1">锚点1</a><a href="#mao2" target="_blank">锚点2</a></p>


		锚点功能：
		<div id="mao1">锚点1<br>锚点1<br>锚点1<br>锚点1<br>锚点1<br>锚点1<br>锚点1<br>锚点1<br>锚点1<br>锚点1</div>
		<div id="mao2">锚点2<br>锚点2<br>锚点2<br>锚点2<br>锚点2<br>锚点2<br>锚点2<br>锚点2<br>锚点2<br>锚点2</div>
		<div id="mao3">锚点3<br>锚点3<br>锚点3<br>锚点3<br>锚点3<br>锚点3<br>锚点3<br>锚点3<br>锚点3<br>锚点3</div>

		<hr>
		<h2>格式化输出标签</h2>
		<p>pre标签</p>
		<p>
		示例：
			这是示例     
			     的内&nbsp;&nbsp;&gt;<s>删除内容</s>容，
			这里有很多行，并且
			我按固定的换行显示了
			<pre>
				这是示例     
			     的内&nbsp;&nbsp;&gt;<s>删除内容</s>容，
			这里有很多行，并且
			我按固定的换行显示了
			</pre>
		</p>

		<hr>
		<h2>格式化输出标签</h2>
		<p>pre标签</p>
		<p>
		示例：
			这是示例     
			     的内&nbsp;&nbsp;&gt;<s>删除内容</s>A<ab>B1是错的容，
			这里有很多行，并且
			我按固定的换行显示了
			<pre>
				这是示例     
			     的内&nbsp;&nbsp;&gt;<s>删除内容</s>1<2容A&gt;ab&lt;B，&copy;
			这里有很多行，并且
			我按固定的换行显示了
			</pre>
		</p>

		<hr>
		<h2>图像标签</h2>
		<p>img标签</p>
		<p>
		示例：
		<img src="./img.jpg" alt="这是一朵小花">
		<img src="http://www.w3school.com.cn/i/eg_tulip.jpg">
		<img src="http://www.w3school.com.cn/i/eg_tulip.jpg" alt="这是一朵小花" align="right" border="10" height="100" width="500px">小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花小花

		</p>
	</body>
</html>